<script setup lang="ts"></script>

<template>
  <button class="fixed-btn">
    <slot></slot>
  </button>
</template>

<style lang="scss" scoped>
.fixed-btn {
  position: fixed;
  width: 30rem;
  height: 30rem;
  border: none;
  border-radius: 10rem;
  background-color: var(--primary-color);
  font-size: 24rem;
  color: var(--secondary-color);
  display: flex;
  justify-content: center;
  align-items: center;

  &:disabled {
    background-color: var(--light-color);
  }
}
</style>
